<template>
  <router-view />
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
.container {
  height: 100vh;
  width: 100vw;
  display: flex;
}

.view {
  width: calc(100% - 230px);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.header {
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  background-color: white;
  box-shadow: 0 1px 8px rgb(0 21 41 / 8%);
}

.header-trigger {
  height: 55px;
  padding: 0 18px;
  line-height: 55px;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.3s, padding 0s;
  transition: all 0.3s, padding 0s;
}

.header-trigger:hover {
  background-color: #fafafa;
}

.header-trigger:active {
  background-color: #e6e8eb;
}

.icon {
  margin-top: 17px;
}
</style>
